@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div style="display: none">
        <input type="hidden" id="outpatientNameValue" value="${outpatientName}">
        <input type="hidden" id="menuName" value="到店-市场预约">
    </div>
    <div class="numStatistics">
        <div><div><span>总人数</span>（<span id="total">0</span>）</div></div>
        <div onclick="displayHiding('MarketBookingTable')" id="zoom">
            <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/open.png" alt="">
            <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/shrink.png" alt="" style="display: none">
            <span>条件展开</span>
        </div>
    </div>
    <div class="divFlex" style="display: none">
        <div class="flex_one">
            <div>门诊</div>
            <div>跟进人</div>
            <div>手机号搜索</div>
        </div>
        <div class="flex_two">
            <div>
                <select id="outpatientName" title="请选择" name="outpatientName" onchange="MarketBookingTable.searchs()" style="width: 80%;">
                    <option value="">全部</option>
                    @for(str in outpatientManagementList){
                    <option value="${str.simplename}">${str.simplename}</option>
                    @}
                </select>
            </div>
            <div>
                <input type="text" id="follower" style="width: 60%" onchange="MarketBookingTable.search()">
                <a href="javascript:;" style="color: #2eadd0;" onclick="MarketBookingTable.getFollower()">选择</a>
            </div>
            <div>
                <input type="text" id="reach" style="width: 60%">
                <a href="javascript:;" style="color: #2eadd0;" onclick="MarketBookingTable.search()">搜索</a>
            </div>
        </div>
    </div>
    <div class="timeButton">
        <div class="timeBox">
            <div>
                <span>预约时间</span>
                <input type="text" id="startAppointmentTime" autocomplete="off" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                <span>-</span>
                <input type="text" id="endAppointmentTime" autocomplete="off" onclick="laydate({istiem:true,format:'YYYY-MM-DD 23:59:59',choose:checkDate})">
            </div>
            <div>
                <button type="button" class="btn" onclick="MarketBookingTable.today()">今日</button>
                <button type="button" class="btn" onclick="MarketBookingTable.yesterday()">明日</button>
            </div>
        </div>
        <div class="buttonBox">
            <div>
                <button type="button" class="btn" onclick="MarketBookingTable.resetEmpty()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/empty.png"><span>重置</span></button>
                <button type="button" class="btn" onclick="screenTable()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/screen.png"><span>显示列</span></button>
            </div>
        </div>
    </div>
    <div class="tableBox"><#table id="MarketBookingTable"/></div>
</div>
<script src="${ctxPath}/static/modular/arrival/customer/customer_marketBooking.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/arrival/customer/foregroundSearchContent.js?v=20200718"></script>
@}